<template>
  <div class="shujia-box">
        <b></b>
        <div class="empty"></div>
        <i class="shujia-wenzi">把家里书架上的书扫上来吧</i><br/>
        <i>你在多抓鱼买过的书也会在这里</i>
        <div class="add">+ 添加收藏</div>
  </div>
</template>
<script>
export default {
  name: "Shujia",
  data() {
    return {};
  },
};
</script>
<style>
.shujia-box{
  position: relative;
  height: calc(100% - 3.63rem);
  text-align: center;
  font-size: 14px;
  color: #999;
}
.shujia-box b{
  display: inline-block;
  border: .1rem solid transparent;
  border-bottom:.1rem solid #fff;
  position: absolute;
  top: -0.2rem;
  right: .85rem;
}
.add{
    width: 1.5rem;
    height: .4rem;
    border-radius: .2rem;
    background-color: #fff;
    box-shadow: 5px 5px 10px rgb(184, 183, 183);
    text-align: center;
    line-height: .4rem;
    font-size: 18px;
    color: black;
    position: fixed;
    bottom: .65rem;
    left: 50%;
    margin-left: -0.75rem;
}
.shujia-wenzi{
  display: inline-block;
  height: .3rem;
 color: black;
 font-size: 18px;
}
.empty{
  height: .4rem;
}
</style>